<template>
    <div class="j-links">
        <div class="j-link" v-for="(item, i) in list">
            <v-icon v-if="i > 0" class="top-breadcrumbs" icon="mdi-chevron-right"></v-icon>
            <span class="tts" :class="{tnas: i < list.length - 1}" @click="onJump(item)">{{ item.title }}</span>
        </div>
    </div>
</template>

<script lang="ts" setup>
interface Item {
    title: string,
    disabled?: boolean,
    href?: "",
}
interface IProp {
    list: Item[]
}
defineProps<IProp>()

const emit = defineEmits(["hit"]);
const onJump = (item: Item) => {
    emit("hit", item);
}

</script>

<style lang="less" scoped>
@import url("./index.less");
</style>
